﻿<!doctype html>
<html class="no-js" lang="zxx" xmlns:th="http://www.thymeleaf.org">
 
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="meta description">
    <!-- Favicons -->
    <link rel="shortcut icon" href="assets/img/favicon.ico" type="image/x-icon">
    <link rel="apple-touch-icon" href="assets/img/icon.png">

    <!-- Title -->
    <title>Zuka - Clean, Minimal eCommerce Bootstrap 4 Template</title>

    <!-- ************************* CSS Files ************************* -->

    <!-- All Plugins CSS  -->
    <link rel="stylesheet" href="assets/css/plugins.css">

    <!-- Revoulation CSS  -->
    <link rel="stylesheet" href="assets/css/revoulation.css">

    <!-- style CSS -->
    <link rel="stylesheet" href="assets/css/main.css">

    <!-- modernizr JS
    ============================================ -->
    <script src="assets/js/vendor/modernizr-2.8.3.min.js"></script>
    <!--[if lt IE 9]>
    <script src="//oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="//oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>

<body class="default-color">

    <!-- Preloader Start -->
    <div class="zuka-preloader active">
        <div class="zuka-preloader-inner h-100 d-flex align-items-center justify-content-center">
            <div class="zuka-child zuka-bounce1"></div>
            <div class="zuka-child zuka-bounce2"></div>
            <div class="zuka-child zuka-bounce3"></div>
        </div>
    </div>
    <!-- Preloader End -->

    <!-- Main Wrapper Start -->
    <div class="wrapper">
        <!-- Header Area Start -->
        <header class="header header-transparent header-style-4">
            <div class="header-inner headroom headroom--fixed">
                <div class="header-top">
                    <div class="container-fluid">
                        <div class="row align-items-center">
                            <div class="col-lg-5 d-none d-lg-block">
                                <!-- Social Icons Start Here -->
                                <ul class="social social-big white-color">
                                    <li class="social__item">
                                        <a href="https://www.facebook.com" class="social__link">
                                            <i class="fa fa-facebook"></i>
                                        </a>
                                    </li>
                                    <li class="social__item">
                                        <a href="https://www.twitter.com" class="social__link">
                                            <i class="fa fa-twitter"></i>
                                        </a>
                                    </li>
                                    <li class="social__item">
                                        <a href="https://www.pinterest.com" class="social__link">
                                            <i class="fa fa-pinterest"></i>
                                        </a>
                                    </li>
                                    <li class="social__item">
                                        <a href="https://www.youtube.com" class="social__link">
                                            <i class="fa fa-youtube"></i>
                                        </a>
                                    </li>
                                    <li class="social__item">
                                        <a href="https://www.plus.google.com" class="social__link">
                                            <i class="fa fa-google-plus"></i>
                                        </a>
                                    </li>
                                </ul>
                                <!-- Social Icons End Here -->
                            </div>
                            <div class="col-lg-2 col-6 text-left text-lg-center">
                                <!-- Logo Start Here -->
                                <a href="index.html" class="logo-box">
                                    <figure class="logo--normal d-none d-md-block"> 
                                        <img src="assets/img/logo/logo-white.png" alt="Logo"/>
                                    </figure>
                                </a>
                                <a href="index.html" class="logo-box">
                                    <figure class="logo--sticky d-block d-md-none"> 
                                        <img src="assets/img/logo/logo.png" alt="Logo"/>
                                    </figure>
                                </a>
                                <!-- Logo End Here -->
                            </div>
                            <div class="col-lg-5 col-6 d-flex justify-content-end align-items-center">
                                <div class="searchform-wrapper d-none d-lg-block">
                                    <form action="#" class="searchform searchform-2 white-color">
                                        <input type="text" class="searchform__input" id="search2" name="search" placeholder="Search Here...">
                                        <button type="submit" class="searchform__submit">
                                            <i class="dl-icon-search1"></i>
                                        </button>
                                    </form>
                                </div>
                                <ul class="header-toolbar header-toolbar-2 white-color dark-color-sm text-right">
                                    <li class="header-toolbar__item">
                                        <a href="#miniCart" class="mini-cart-btn toolbar-btn">
                                            <i class="dl-icon-cart25"></i>
                                            <sup class="mini-cart-count">2</sup>
                                        </a>
                                    </li>
                                    <li class="header-toolbar__item d-none d-lg-block">
                                        <a href="#sideNav" class="toolbar-btn">
                                            <span class="hamburger-icon">
                                            </span>
                                        </a>                                    
                                    </li>
                                    <li class="header-toolbar__item d-block d-lg-none">
                                        <a href="#searchForm" class="search-btn toolbar-btn">
                                            <i class="dl-icon-search1"></i>
                                        </a>
                                    </li>
                                    <li class="header-toolbar__item d-lg-none">
                                        <a href="#mobileMenu" class="toolbar-btn menu-btn">
                                            <span class="hamburger-icon">
                                            </span>
                                        </a> 
                                    </li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="header-bottom d-none d-lg-block">
                    <div class="container-fluid">
                        <div class="row">
                            <div class="col-12 text-center">
                                <!-- Main Navigation Start Here -->
                                <nav class="main-navigation white-color">
                                    <ul class="mainmenu mainmenu--centered">
                                        <li class="mainmenu__item menu-item-has-children megamenu-holder active">
                                            <a href="index.html" class="mainmenu__link">
                                                <span class="mm-text">Home</span>
                                            </a>
                                            <ul class="megamenu two-column">
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Demo Group 01</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a href="index.html">
                                                                <span class="mm-text">Demo 01</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-02.html">
                                                                <span class="mm-text">Demo 02</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-03.html">
                                                                <span class="mm-text">Demo 03</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-04.html">
                                                                <span class="mm-text">Demo 04</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-05.html">
                                                                <span class="mm-text">Demo 05</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Demo Group 02</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a href="index-06.html">
                                                                <span class="mm-text">Demo 06</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-07.html">
                                                                <span class="mm-text">Demo 07</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-08.html">
                                                                <span class="mm-text">Demo 08</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-09.html">
                                                                <span class="mm-text">Demo 09</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="index-10.html">
                                                                <span class="mm-text">Demo 10</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item menu-item-has-children megamenu-holder">
                                            <a href="shop-sidebar.html" class="mainmenu__link">
                                                <span class="mm-text">Shop</span>
                                                <span class="badge">Hot</span>
                                            </a>
                                            <ul class="megamenu four-column">
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Shop Layout</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a href="shop-fullwidth.html">
                                                                <span class="mm-text">FullWidth</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-sidebar.html">
                                                                <span class="mm-text">with Sidebar</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-two-columns.html">
                                                                <span class="mm-text">Two columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-three-columns.html">
                                                                <span class="mm-text">Three columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-collections.html">
                                                                <span class="mm-text">With collections</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="shop-instagram.html">
                                                                <span class="mm-text">Shop Instagram</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Single Product</span>
                                                    </a>
                                                    <ul>
                                                        <li>
                                                            <a href="product-details.html">
                                                                <span class="mm-text">Simple 01</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-02.html">
                                                                <span class="mm-text">Simple 02</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-sticky.html">
                                                                <span class="mm-text">Sticky Info</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-gallery.html">
                                                                <span class="mm-text">Thumbnail Gallery</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-sidebar.html">
                                                                <span class="mm-text">Sidebar</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-grouped.html">
                                                                <span class="mm-text">Grouped</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-affiliate.html">
                                                                <span class="mm-text">Affiliate</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="product-details-configurable.html">
                                                                <span class="mm-text">Configurable</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a class="megamenu-title" href="#">
                                                        <span class="mm-text">Shop Pages</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="my-account.html">
                                                                <span class="mm-text">My Account</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="cart.html">
                                                                <span class="mm-text">Shopping Cart</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="checkout.html">
                                                                <span class="mm-text">Check Out</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="wishlist.html">
                                                                <span class="mm-text">Wishlist</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="order-tracking.html">
                                                                <span class="mm-text">Order tracking</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="compare.html">
                                                                <span class="mm-text">compare</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="banner-holder">
                                                    <div class="megamenu-banner">
                                                        <div class="megamenu-banner-image"></div>
                                                        <div class="megamenu-banner-info">
                                                            <span>Autumn Winter 2019</span>
                                                            <h3>new <strong>arrival</strong></h3>
                                                        </div>
                                                        <a href="shop-sidebar.html" class="megamenu-banner-link"></a>
                                                    </div>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item menu-item-has-children has-children">
                                            <a href="#" class="mainmenu__link">
                                                <span class="mm-text">Pages</span>
                                            </a>
                                            <ul class="sub-menu">
                                                <li>
                                                    <a href="about-us.html">
                                                        <span class="mm-text">About Us</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="team.html">
                                                        <span class="mm-text">Our teams</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="contact-us.html">
                                                        <span class="mm-text">Contact Page</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="404.html">
                                                        <span class="mm-text">404 page</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="faqs-page.html">
                                                        <span class="mm-text">FAQs page</span>
                                                    </a>
                                                </li>
                                                <li>
                                                    <a href="coming-soon.html">
                                                        <span class="mm-text">Coming Soon</span>
                                                    </a>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item">
                                            <a href="shop-collections.html" class="mainmenu__link">
                                                <span class="mm-text">Collections</span>
                                            </a>
                                        </li>
                                        <li class="mainmenu__item menu-item-has-children has-children">
                                            <a href="blog.html" class="mainmenu__link">
                                                <span class="mm-text">Blog</span>
                                            </a>
                                            <ul class="sub-menu">
                                                <li class="menu-item-has-children has-children">
                                                    <a href="#">
                                                        <span class="mm-text">Blog Grid</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="blog-02-columns.html">
                                                                <span class="mm-text">Blog 02 Columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="blog-03-columns.html">
                                                                <span class="mm-text">Blog 03 Columns</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="blog.html">
                                                                <span class="mm-text">Blog Sidebar</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li class="menu-item-has-children has-children">
                                                    <a href="#">
                                                        <span class="mm-text">Blog List</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="blog-classic.html">
                                                                <span class="mm-text">Blog Classic</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="blog-no-sidebar.html">
                                                                <span class="mm-text">Blog No Sidebar</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                                <li>
                                                    <a href="blog-masonary.html">
                                                        <span class="mm-text">Blog Masonary</span>
                                                    </a>
                                                </li>
                                                <li class="menu-item-has-children has-children">
                                                    <a href="#">
                                                        <span class="mm-text">Blog Details</span>
                                                    </a>
                                                    <ul class="sub-menu">
                                                        <li>
                                                            <a href="single-post.html">
                                                                <span class="mm-text">Single Post</span>
                                                            </a>
                                                        </li>
                                                        <li>
                                                            <a href="single-post-sidebar.html">
                                                                <span class="mm-text">Single Post Sidebar</span>
                                                            </a>
                                                        </li>
                                                    </ul>
                                                </li>
                                            </ul>
                                        </li>
                                        <li class="mainmenu__item">
                                            <a href="shop-instagram.html" class="mainmenu__link">
                                                <span class="mm-text">New Look</span>
                                            </a>
                                        </li>
                                    </ul>
                                </nav>
                                <!-- Main Navigation End Here -->
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="mobile-menu-wrapper" id="mobileMenu">
                <div class="mobile-menu-inner">
                    <a href="" class="btn-close">
                        <span class="hamburger-icon">
                        </span>
                    </a>
                    <nav class="mobile-navigation">
                        <ul class="mobile-menu">
                            <li class="menu-item-has-children active">
                                <a href="index.html">
                                    <span class="mm-text">Home</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Demo Group 01</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="index.html">
                                                    <span class="mm-text">Demo 01</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-02.html">
                                                    <span class="mm-text">Demo 02</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-03.html">
                                                    <span class="mm-text">Demo 03</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-04.html">
                                                    <span class="mm-text">Demo 04</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-05.html">
                                                    <span class="mm-text">Demo 05</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Demo Group 02</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="index-06.html">
                                                    <span class="mm-text">Demo 06</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-07.html">
                                                    <span class="mm-text">Demo 07</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-08.html">
                                                    <span class="mm-text">Demo 08</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-09.html">
                                                    <span class="mm-text">Demo 09</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="index-10.html">
                                                    <span class="mm-text">Demo 10</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="shop-sidebar.html">
                                    <span class="mm-text">Shop</span>
                                    <span class="badge">Hot</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Shop Layout</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="shop-fullwidth.html">
                                                    <span class="mm-text">FullWidth</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-sidebar.html">
                                                    <span class="mm-text">with Sidebar</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-two-columns.html">
                                                    <span class="mm-text">Two columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-three-columns.html">
                                                    <span class="mm-text">Three columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-collections.html">
                                                    <span class="mm-text">With collections</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="shop-instagram.html">
                                                    <span class="mm-text">Shop Instagram</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Single Product</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="product-details.html">
                                                    <span class="mm-text">Simple 01</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-02.html">
                                                    <span class="mm-text">Simple 02</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-sticky.html">
                                                    <span class="mm-text">Sticky Info</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-gallery.html">
                                                    <span class="mm-text">Thumbnail Gallery</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-sidebar.html">
                                                    <span class="mm-text">Sidebar</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-grouped.html">
                                                    <span class="mm-text">Grouped</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-affiliate.html">
                                                    <span class="mm-text">Affiliate</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="product-details-configurable.html">
                                                    <span class="mm-text">Configurable</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children">
                                        <a href="#">
                                            <span class="mm-text">Shop Pages</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="my-account.html">
                                                    <span class="mm-text">My Account</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="cart.html">
                                                    <span class="mm-text">Shopping Cart</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="checkout.html">
                                                    <span class="mm-text">Check Out</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="wishlist.html">
                                                    <span class="mm-text">Wishlist</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="order-tracking.html">
                                                    <span class="mm-text">Order tracking</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="compare.html">
                                                    <span class="mm-text">compare</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="#">
                                    <span class="mm-text">Pages</span>
                                </a>
                                <ul class="sub-menu">
                                    <li>
                                        <a href="about-us.html">
                                            <span class="mm-text">About Us</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="team.html">
                                            <span class="mm-text">Our teams</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="contact-us.html">
                                            <span class="mm-text">Contact Page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="404.html">
                                            <span class="mm-text">404 page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="faqs-page.html">
                                            <span class="mm-text">FAQs page</span>
                                        </a>
                                    </li>
                                    <li>
                                        <a href="coming-soon.html">
                                            <span class="mm-text">Coming Soon</span>
                                        </a>
                                    </li>
                                </ul>
                            </li>
                            <li class="mobile-menu__item">
                                <a href="shop-collections.html">
                                    <span class="mm-text">Collections</span>
                                </a>
                            </li>
                            <li class="menu-item-has-children">
                                <a href="blog.html">
                                    <span class="mm-text">Blog</span>
                                </a>
                                <ul class="sub-menu">
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog Grid</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="blog-02-columns.html">
                                                    <span class="mm-text">Blog 02 Columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog-03-columns.html">
                                                    <span class="mm-text">Blog 03 Columns</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog.html">
                                                    <span class="mm-text">Blog Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog List</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="blog-classic.html">
                                                    <span class="mm-text">Blog Classic</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="blog-no-sidebar.html">
                                                    <span class="mm-text">Blog No Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                    <li>
                                        <a href="blog-masonary.html">
                                            <span class="mm-text">Blog Masonary</span>
                                        </a>
                                    </li>
                                    <li class="menu-item-has-children has-children">
                                        <a href="#">
                                            <span class="mm-text">Blog Details</span>
                                        </a>
                                        <ul class="sub-menu">
                                            <li>
                                                <a href="single-post.html">
                                                    <span class="mm-text">Single Post</span>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="single-post-sidebar.html">
                                                    <span class="mm-text">Single Post Sidebar</span>
                                                </a>
                                            </li>
                                        </ul>
                                    </li>
                                </ul>
                            </li>
                            <li>
                                <a href="shop-instagram.html">
                                    <span class="mm-text">New Look</span>
                                </a>
                            </li>
                        </ul>
                    </nav>
                </div>
            </div>
        </header>
        <!-- Header Area End -->

        <!-- Main Content Wrapper Start -->
        <div id="content" class="main-content-wrapper">
            <!-- Slider area Start -->
            <div class="slider-area">
                <!-- START REVOLUTION SLIDER 5.4.7 fullscreen mode -->
                <div id="rev_slider_6_1_wrapper" class="rev_slider_wrapper fullscreen-container" data-alias="home-06" data-source="gallery" style="background:transparent;padding:0px;">
                    <div id="rev_slider_6_1" class="rev_slider fullscreenbanner" style="display:none;" data-version="5.4.7">
                        <ul>    <!-- SLIDE  -->
                            <li data-index="rs-46" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="assets/img/slider/100x50_home_06_slider_1.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="01" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/dummy.png"  alt=""  data-lazyload="assets/img/slider/home_06_slider_1.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 1 -->
                                <div class="tp-caption     rev_group" 
                                     id="slide-46-layer-1" 
                                     data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                                                data-width="['1294','1294','770','626']"
                                    data-height="['357','357','355','245']"
                                    data-whitespace="nowrap"
                         
                                    data-type="group" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 5; min-width: 1294px; max-width: 1294px; max-width: 357px; max-width: 357px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                <!-- LAYER NR. 2 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-46-layer-2" 
                                     data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['-85','-85','-85','-85']" 
                                                data-fontsize="['24','24','18','14']"
                                    data-lineheight="['22','22','30','30']"
                                    data-letterspacing="['14','14','8','5']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+260","speed":1200,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 6; white-space: nowrap; font-size: 24px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 14px;font-family:Poppins;">Welcome to Zuka Tailor Store </div>

                                <!-- LAYER NR. 3 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-46-layer-3" 
                                     data-x="['center','center','center','center']" data-hoffset="['0','0','0','-4']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['0','0','-10','-27']" 
                                                data-fontsize="['84','84','50','30']"
                                    data-lineheight="['22','22','70','70']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+470","speed":1200,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 7; white-space: nowrap; font-size: 84px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Prata;">Creative Sewing & Alterations. </div>

                                <!-- LAYER NR. 4 -->
                                <a class="tp-caption rev-btn " 
                                     id="slide-46-layer-4" 
                                     data-x="['center','center','center','center']" data-hoffset="['0','0','-4','-1']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['145','145','83','51']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="button" 
                                    data-responsive_offset="on" 
                                    data-responsive="off"
                                    data-frames='[{"delay":"+650","speed":1200,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(220,1,9);bc:rgba(0,0,0,1);bw:0 0 0 0;"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[15,15,15,15]"
                                    data-paddingright="[35,35,35,35]"
                                    data-paddingbottom="[15,15,15,15]"
                                    data-paddingleft="[35,35,35,35]"

                                    style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 17px; font-weight: 400; color: rgba(255,255,255,1);font-family:Poppins;background-color:rgba(0,0,0,0);border-color:rgb(255,255,255);border-style:solid;border-width:1px 1px 1px 1px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Discover now </a>
                                </div>
                            </li>
                            <!-- SLIDE  -->
                            <li data-index="rs-47" data-transition="fade" data-slotamount="default" data-hideafterloop="0" data-hideslideonmobile="off"  data-easein="default" data-easeout="default" data-masterspeed="300"  data-thumb="assets/img/slider/100x50_home_06_slider_1.jpg"  data-rotate="0"  data-saveperformance="off"  data-title="02" data-param1="" data-param2="" data-param3="" data-param4="" data-param5="" data-param6="" data-param7="" data-param8="" data-param9="" data-param10="" data-description="">
                                <!-- MAIN IMAGE -->
                                <img src="assets/img/slider/dummy.png"  alt=""  data-lazyload="assets/img/slider/home_06_slider_1.jpg" data-bgposition="center center" data-bgfit="cover" data-bgrepeat="no-repeat" data-bgparallax="off" class="rev-slidebg" data-no-retina>
                                <!-- LAYERS -->

                                <!-- LAYER NR. 5 -->
                                <div class="tp-caption     rev_group" 
                                     id="slide-47-layer-1" 
                                     data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['0','0','0','0']" 
                                                data-width="['1294','1294','770','626']"
                                    data-height="['357','357','355','245']"
                                    data-whitespace="nowrap"
                         
                                    data-type="group" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":10,"speed":300,"frame":"0","from":"opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 5; min-width: 1294px; max-width: 1294px; max-width: 357px; max-width: 357px; white-space: nowrap; font-size: 20px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;">
                                <!-- LAYER NR. 6 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-47-layer-2" 
                                     data-x="['center','center','center','center']" data-hoffset="['0','0','0','0']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['-85','-85','-85','-85']" 
                                                data-fontsize="['24','24','18','14']"
                                    data-lineheight="['22','22','30','30']"
                                    data-letterspacing="['14','14','8','5']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+260","speed":1200,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 6; white-space: nowrap; font-size: 24px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 14px;font-family:Poppins;">Welcome to Zuka Tailor Store </div>

                                <!-- LAYER NR. 7 -->
                                <div class="tp-caption   tp-resizeme" 
                                     id="slide-47-layer-3" 
                                     data-x="['center','center','center','center']" data-hoffset="['0','0','0','-4']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['0','0','-10','-27']" 
                                                data-fontsize="['84','84','50','30']"
                                    data-lineheight="['22','22','70','70']"
                                    data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="text" 
                                    data-responsive_offset="on" 

                                    data-frames='[{"delay":"+470","speed":1200,"frame":"0","from":"y:-50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[0,0,0,0]"
                                    data-paddingright="[0,0,0,0]"
                                    data-paddingbottom="[0,0,0,0]"
                                    data-paddingleft="[0,0,0,0]"

                                    style="z-index: 7; white-space: nowrap; font-size: 84px; line-height: 22px; font-weight: 400; color: #ffffff; letter-spacing: 0px;font-family:Prata;">Creative Sewing & Alterations. </div>

                                <!-- LAYER NR. 8 -->
                                <a class="tp-caption rev-btn " href="shop-sidebar.html" 
                                     id="slide-47-layer-4" 
                                     data-x="['center','center','center','center']" data-hoffset="['0','0','-4','-1']" 
                                     data-y="['middle','middle','middle','middle']" data-voffset="['145','145','83','51']" 
                                                data-width="none"
                                    data-height="none"
                                    data-whitespace="nowrap"
                         
                                    data-type="button" 
                                    data-responsive_offset="on" 
                                    data-responsive="off"
                                    data-frames='[{"delay":"+650","speed":1200,"frame":"0","from":"y:50px;opacity:0;","to":"o:1;","ease":"Power3.easeInOut"},{"delay":"wait","speed":300,"frame":"999","to":"opacity:0;","ease":"Power3.easeInOut"},{"frame":"hover","speed":"0","ease":"Linear.easeNone","to":"o:1;rX:0;rY:0;rZ:0;z:0;","style":"c:rgb(255,255,255);bg:rgb(220,1,9);bc:rgba(0,0,0,1);bw:0 0 0 0;"}]'
                                    data-margintop="[0,0,0,0]"
                                    data-marginright="[0,0,0,0]"
                                    data-marginbottom="[0,0,0,0]"
                                    data-marginleft="[0,0,0,0]"
                                    data-textAlign="['inherit','inherit','inherit','inherit']"
                                    data-paddingtop="[15,15,15,15]"
                                    data-paddingright="[35,35,35,35]"
                                    data-paddingbottom="[15,15,15,15]"
                                    data-paddingleft="[35,35,35,35]"

                                    style="z-index: 8; white-space: nowrap; font-size: 14px; line-height: 17px; font-weight: 400; color: rgba(255,255,255,1);font-family:Poppins;background-color:rgba(0,0,0,0);border-color:rgb(255,255,255);border-style:solid;border-width:1px 1px 1px 1px;outline:none;box-shadow:none;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;cursor:pointer;">Discover now </a>
                                </div>
                            </li>
                        </ul>
                        <div class="tp-bannertimer tp-bottom" style="visibility: hidden !important;"></div> 
                    </div>
                </div>
                <!-- END REVOLUTION SLIDER -->
            </div>
            <!-- Slider area End -->

            <!-- Banner Section Start -->
            <section class="banner-area pt--80 pt-md--55 pt-sm--40 pb--40 pb-md--30 pb-sm--20">
                <div class="container-fluid">
                    <div class="row align-items-center">
                        <div class="col-lg-7 col-md-6 mb-sm--35">
                            <figure class="image-box image-with-video-btn btn-right">
                                <a href="https://www.youtube.com/watch?v=Rp19QD2XIGM" class="video-popup d-block">
                                    <img src="assets/img/banner/banner_14.jpg" alt="banner" class="w-100">
                                    <span class="video-btn video-btn-2"></span>
                                </a>
                            </figure>
                        </div>
                        <div class="col-lg-5 col-md-6 text-center">
                            <div class="text-block max-w-85 max-w-xxla-100 mx-auto">
                                <h4 class="text-uppercase font-size-24 font-size-lg-20 color-barley lts-10 mb--30 mb-lg--20 mb-md--10">OUR HISTORY</h4>
                                <h2 class="heading-secondary-2 font-size-md-24 mb--10 mb-md--15 mb-sm--10 pb-sm--3">Zuka Tailor Since 1929</h2>
                                <p class="paragraph-2 heading-color mb--35 mb-md--20">Etiam molestie lacus sit amet augue ultrices, id posuere nunc venenatis. Mauris tincidunt, lorem ac maximus vestibulum, massa mauris consectetur dui, ac aliquet sem ante vel orci. Duis varius posuere sagittis. Fusce consectetur odio non odio euismod imperdiet. Sed vulputate mi id lore</p>
                                <a href="shop-sidebar.html" class="btn btn-semi-large btn-style-1">Discover now</a>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Banner Section End -->

            <!-- Product tab area Start -->
            <section class="product-tab-area mt--35 mt-md--25 mt-sm--15">
                <div class="container-fluid">
                    <div class="row mb--20">
                        <div class="col-12 text-center">
                            <h2 class="heading-secondary-2">New Arrival</h2>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="product-tab tab-style-1 tab-style-1-2">
                                <div class="nav nav-tabs product-tab__head mb--50 mb-md--40 mb-sm--15 pb-sm--2" id="product-tab" role="tablist">
                                    <a class="product-tab__link nav-link active" id="nav-casual-tab" data-toggle="tab" href="#nav-casual" role="tab" aria-selected="true"> 
                                        <span>Casual</span>
                                    </a>
                                    <a class="product-tab__link nav-link" id="nav-formal-tab" data-toggle="tab" href="#nav-formal" role="tab" aria-selected="true"> 
                                        <span>Formal</span>
                                    </a>
                                    <a class="product-tab__link nav-link" id="nav-coats-tab" data-toggle="tab" href="#nav-coats" role="tab" aria-selected="true"> 
                                        <span>Waitcoats</span>
                                    </a>
                                </div>
                                <div class="tab-content product-tab__content" id="product-tabContent">
                                    <div class="tab-pane fade show active" id="nav-casual" role="tabpanel" aria-labelledby="nav-casual-tab">
                                        <div class="row">
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-11-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-11-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Slim-fit suit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-12-4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-13-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-51%</span>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-13-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Slim-fit suit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-14-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-13-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Slim-fit check suit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-14-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-14-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-13-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-13-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Slim-fit suit gilet</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-12-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-12-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Textured slim-fit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-11-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-11-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="nav-formal" role="tabpanel" aria-labelledby="nav-formal-tab">
                                        <div class="row">
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-11-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-11-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Slim-fit suit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-12-4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-13-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-51%</span>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-13-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Slim-fit suit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-14-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-13-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Slim-fit check suit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-14-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-14-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-13-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-13-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Slim-fit suit gilet</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-12-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-12-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Textured slim-fit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-11-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-11-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="tab-pane fade" id="nav-coats" role="tabpanel" aria-labelledby="nav-coats-tab">
                                        <div class="row">
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-11-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-11-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Slim-fit suit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-12-4-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-13-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                            <span class="product-badge discount">-51%</span>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Slim-fit striped cotton blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-13-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Slim-fit suit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-14-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-13-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Slim-fit check suit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-14-2-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-14-1-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-13-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-13-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Slim-fit suit gilet</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-12-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-12-4-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Textured slim-fit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                            <div class="col-xl-3 col-lg-4 col-sm-6 mb--45 mb-md--35">
                                                <div class="zuka-product zuka-product-layout-2 thumb-has-effect">
                                                    <div class="product-inner">
                                                        <figure class="product-image">
                                                            <div class="product-image--holder">
                                                                <a href="product-details.html">
                                                                    <img src="assets/img/products/prod-11-1-500x625.jpg" alt="Product Image" class="primary-image">
                                                                    <img src="assets/img/products/prod-11-2-500x625.jpg" alt="Product Image" class="secondary-image">
                                                                </a>
                                                            </div>
                                                            <div class="zuka-product-action zuka-product-action-1">
                                                                <div class="product-action">
                                                                    <a class="quickview-btn action-btn action-btn-square" data-toggle="tooltip" data-placement="top" title="" data-original-title="Quick Shop">
                                                                        <span data-toggle="modal" data-target="#productModal">
                                                                            <i class="dl-icon-view"></i>
                                                                        </span>
                                                                    </a>
                                                                    <a class="add_wishlist action-btn action-btn-square" href="wishlist.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Wishlist">
                                                                        <i class="dl-icon-heart4"></i>
                                                                    </a>
                                                                    <a class="add_compare action-btn action-btn-square" href="compare.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Compare">
                                                                        <i class="dl-icon-compare"></i>
                                                                    </a>
                                                                    <a class="add_to_cart_btn action-btn action-btn-square dark-bg" href="cart.html" data-toggle="tooltip" data-placement="top" title="" data-original-title="Add to Cart">
                                                                        <i class="dl-icon-cart29"></i>
                                                                    </a>
                                                                </div>
                                                            </div>
                                                        </figure>
                                                        <div class="product-info">
                                                            <h3 class="product-title">
                                                                <a href="product-details.html">Pinstripe slim-fit suit blazer</a>
                                                            </h3>
                                                            <div class="product-price-wrapper float-left">
                                                                <span class="money">&pound;49.00</span>
                                                            </div>
                                                            <div class="star-rating star-five float-right">
                                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                                            </div>
                                                            <div class="clearfix"></div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="row mt--25 mt-md--15 mt-sm--5 pt-sm--2">
                        <div class="col-12 text-center">
                            <a href="" class="view-all">View All Products</a>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Product tab area End -->

            <!-- Collections Start -->
            <section class="collections-area pt--75 pt-md--55 pt-sm--35 pb--175 pb-md--135 pb-sm--115">
                <div class="container-fluid p-0">
                    <div class="row no-gutters mb--50 mb-md--35 mb-sm--25">
                        <div class="col-12 text-center">
                            <h2 class="heading-secondary-2 mb--25 mb-sm--20 pb--3 pb-md--0">Popular Collections</h2>
                            <p class="max-w-30 max-w-xl-50 max-w-lg-70 max-w-md-95 mx-auto heading-color">Etiam molestie lacus sit amet augue ultrices, id posuere nunc venenatis. Mauris tincidunt lorem ac maximus vestibulum, m</p>
                        </div>
                    </div>
                    <div class="row no-gutters">
                        <div class="col-12">
                            <div class="zuka-element-carousel home_06_banner_01 nav-outline nav-horizontal-center nav-style-3 nav-round-2 nav-hover-2"
                            data-slick-options='{
                                "spaceBetween": 30,
                                "slidesToShow":2,
                                "slidesToScroll":1,
                                "autoplaySpeed":5000,
                                "speed":1000,
                                "infinite":true,
                                "arrows":true,
                                "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "dl-icon-left" },
                                "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "dl-icon-right" }
                            }'                            
                            data-slick-responsive='[
                                {"breakpoint":991, "settings": {"slidesToShow": 1}},
                                {"breakpoint":620, "settings": {"slidesToShow": 1}}
                            ]'>
                                <div class="item">
                                    <div class="banner-box banner-hover-2 banner-type-2">
                                        <div class="banner-inner">
                                            <div class="banner-image">
                                                <img src="assets/img/banner/home_06_banner_1.jpg" alt="Banner">
                                            </div>
                                            <div class="banner-info text-left mt--15">
                                                <div class="banner-info--inner">
                                                    <p class="banner-paragraph-2">BLAZER</p>
                                                    <p class="banner-title-11">
                                                        Slim Fit Blazer 2019
                                                    </p>
                                                </div>
                                            </div>
                                            <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="banner-box banner-hover-2 banner-type-2">
                                        <div class="banner-inner">
                                            <div class="banner-image">
                                                <img src="assets/img/banner/home_06_banner_2.jpg" alt="Banner">
                                            </div>
                                            <div class="banner-info text-left mt--15">
                                                <div class="banner-info--inner">
                                                    <p class="banner-paragraph-2">BLAZER</p>
                                                    <p class="banner-title-11">
                                                        Tuxedo in paris
                                                    </p>
                                                </div>
                                            </div>
                                            <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="banner-box banner-hover-2 banner-type-2">
                                        <div class="banner-inner">
                                            <div class="banner-image">
                                                <img src="assets/img/banner/home_06_banner_1.jpg" alt="Banner">
                                            </div>
                                            <div class="banner-info text-left mt--15">
                                                <div class="banner-info--inner">
                                                    <p class="banner-paragraph-2">BLAZER</p>
                                                    <p class="banner-title-11">
                                                        Slim Fit Blazer 2019
                                                    </p>
                                                </div>
                                            </div>
                                            <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="banner-box banner-hover-2 banner-type-2">
                                        <div class="banner-inner">
                                            <div class="banner-image">
                                                <img src="assets/img/banner/home_06_banner_2.jpg" alt="Banner">
                                            </div>
                                            <div class="banner-info text-left mt--15">
                                                <div class="banner-info--inner">
                                                    <p class="banner-paragraph-2">BLAZER</p>
                                                    <p class="banner-title-11">
                                                        Tuxedo in paris
                                                    </p>
                                                </div>
                                            </div>
                                            <a class="banner-link banner-overlay" href="shop-sidebar.html">Shop Now</a>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Collections End -->

            <!-- Full Width Banner Area Start -->
            <section class="fullwidth-banner-area bg-color plr--185 plr-xl--45 plr-lg--15 pt--50 pt-sm--30" data-bg-color="#eeeeed"> 
                <div class="fullwidth-banner-column bg-contain bg-image pt--150 pt-lg--100 pt-md--50 pt-sm--30 pb--200 pb-lg--150 pb-md--100 pb-sm--60" data-bg-image="assets/img/banner/home_06_banner_3.png">
                    <div class="text-block">
                        <h3 class="heading-tertiary font-prata mb--45 mb-md--30 mb-sm--20">Slim-fit suite blazer 2019</h3>
                        <h2 class="heading-bigger font-prata mb--45 mb-md--30 mb-sm--20">Off 30%</h2>
                        <a href="shop-sidebar.html" class="btn btn-semi-large btn-style-1">Shop Now</a>
                    </div>
                </div>
            </section>
            <!-- Full Width Banner Area End -->
            
            <section class="testimonial-area bg-image pt--140 pt-md--100 pt-sm--60 pb--140 pb-md--100 pb-sm--40" data-bg-image="assets/img/bg/call-to-action_4.jpg">
                <div class="container">
                    <div class="row align-items-center">
                        <div class="col-md-6 mb-sm--30">
                            <h2 class="heading-secondary-2 color--white mb--10">Awwards</h2>
                            <p class="font-size-16 color--white mb--35 mb-sm--25">Etiam molestie lacus sit amet augue ultrices, id posuere nunc venenatis. Mauris tincidu</p>
                            <div class="zuka-element-carousel brand-carousel"                            
                            data-slick-options='{
                                "spaceBetween": 15,
                                "slidesToShow":3,
                                "slidesToScroll":1
                            }'>
                                <div class="item">
                                    <figure class="brand-img">
                                        <img src="assets/img/partner/home06_brand_1.png" alt="Brand">
                                    </figure>
                                </div>
                                <div class="item">
                                    <figure class="brand-img">
                                        <img src="assets/img/partner/home06_brand_2.png" alt="Brand">
                                    </figure>
                                </div>
                                <div class="item">
                                    <figure class="brand-img">
                                        <img src="assets/img/partner/home06_brand_3.png" alt="Brand">
                                    </figure>
                                </div>
                            </div>
                        </div>
                        <div class="col-md-6">
                            <div class="zuka-element-carousel testimonial-border nav-disabled nav-horizontal-center nav-style-4" 
                            data-slick-options='{
                                "slidesToShow":1,
                                "slidesToScroll":1,
                                "arrows":true,
                                "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "dl-icon-left" },
                                "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "dl-icon-right" }
                            }'>
                                <div class="item">
                                    <div class="testimonial testimonial-style-2">
                                        <div class="testimonial__inner">
                                            <div class="star-rating star-five">
                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                            </div>
                                            <p class="testimonial__desc">Proin hendrerit nisi neque, non scelerisque ex bibendum non. Aliquam vehicula magna justo, eu hendrerit lacus scelerisque non</p>
                                            <div class="testimonial__author">
                                                <h3 class="testimonial__author--name">Hester Perkins</h3>
                                                <h5 class="testimonial__author--role">Indiana US</h5>
                                            </div>
                                            <figure class="testimonial__thumbnail">
                                                <img src="assets/img/others/happy-client-1.jpg" alt="Client">
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="testimonial testimonial-style-2">
                                        <div class="testimonial__inner">
                                            <div class="star-rating star-five">
                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                            </div>
                                            <p class="testimonial__desc">Proin hendrerit nisi neque, non scelerisque ex bibendum non. Aliquam vehicula magna justo, eu hendrerit lacus scelerisque non</p>
                                            <div class="testimonial__author">
                                                <h3 class="testimonial__author--name">Hester Perkins</h3>
                                                <h5 class="testimonial__author--role">Indiana US</h5>
                                            </div>
                                            <figure class="testimonial__thumbnail">
                                                <img src="assets/img/others/happy-client-2.jpg" alt="Client">
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                                <div class="item">
                                    <div class="testimonial testimonial-style-2">
                                        <div class="testimonial__inner">
                                            <div class="star-rating star-five">
                                                <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                            </div>
                                            <p class="testimonial__desc">Proin hendrerit nisi neque, non scelerisque ex bibendum non. Aliquam vehicula magna justo, eu hendrerit lacus scelerisque non</p>
                                            <div class="testimonial__author">
                                                <h3 class="testimonial__author--name">Hester Perkins</h3>
                                                <h5 class="testimonial__author--role">Indiana US</h5>
                                            </div>
                                            <figure class="testimonial__thumbnail">
                                                <img src="assets/img/others/happy-client-3.png" alt="Client">
                                            </figure>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>

            <!-- Blog area Start -->
            <section class="blog-area pt--75 pt-md--55 pt-sm--35 pb--75 pb-md--55 pb-sm--35">
                <div class="container">
                    <div class="row mb--50 mb-md--40 mb-sm--30">
                        <div class="col-12 text-center">
                            <h2 class="heading-secondary-2 mb--15">The Journal</h2>
                            <p>Etiam molestie lacus sit amet augue ultrices, id posuere</p>
                        </div>
                    </div>
                    <div class="row">
                        <div class="col-12">
                            <div class="zuka-element-carousel"                            
                            data-slick-options='{
                                "spaceBetween": 30,
                                "slidesToShow": 2,
                                "slidesToScroll": 1
                            }'
                            data-slick-responsive='[
                                {"breakpoint":767, "settings": {"slidesToShow": 1}}
                            ]'>
                                <div class="item">
                                    <article class="post">
                                        <div class="post-media">
                                            <figure class="image text-center">
                                                <a href="single-post.html">
                                                    <img src="assets/img/blog/blog-f-2.jpg" alt="Post">
                                                </a>
                                            </figure>
                                        </div>
                                        <div class="post-info">
                                            <div class="post-meta category-link">
                                                <a href="blog.html">Furniture</a>,
                                                <a href="blog.html">Trends</a>
                                            </div>
                                            <h3 class="post-title"><a href="single-post.html">How to decor your beautiful home</a></h3>
                                            <div class="post-meta d-flex align-items-center justify-content-center mb--20">
                                                <a href="blog.html" class="posted-on">
                                                    <span class="entry-date">September 15, 2018</span>
                                                </a>
                                                <span class="meta-separator">-</span>
                                                <a href="blog.html" class="posted-by">by admin</a>
                                            </div>
                                            <a href="single-post.html" class="read-more">Read More <i class="fa fa-caret-right"></i></a>
                                        </div>
                                    </article>
                                </div>
                                <div class="item">
                                    <article class="post">
                                        <div class="post-media">
                                            <figure class="image text-center">
                                                <a href="single-post.html">
                                                    <img src="assets/img/blog/blog-1.jpg" alt="Post">
                                                </a>
                                            </figure>
                                        </div>
                                        <div class="post-info">
                                            <div class="post-meta category-link">
                                                <a href="blog.html">Trends</a>
                                            </div>
                                            <h3 class="post-title"><a href="single-post.html">Floral Trending Style</a></h3>
                                            <div class="post-meta mb--20">
                                                <a href="blog.html" class="posted-on">
                                                    <span class="entry-date">September 15, 2018</span>
                                                </a>
                                                <span class="meta-separator">-</span>
                                                <a href="blog.html" class="posted-by">by admin</a>
                                            </div>
                                            <a href="single-post.html" class="read-more">Read More <i class="fa fa-caret-right"></i></a>
                                        </div>
                                    </article>
                                </div>
                                <div class="item">
                                    <article class="post">
                                        <div class="post-media">
                                            <figure class="image text-center">
                                                <a href="single-post.html">
                                                    <img src="assets/img/blog/blog-3.jpg" alt="Post">
                                                </a>
                                            </figure>
                                        </div>
                                        <div class="post-info">
                                            <div class="post-meta category-link">
                                                <a href="blog.html">Trends</a>
                                            </div>
                                            <h3 class="post-title"><a href="single-post.html">Top Trend 2019</a></h3>
                                            <div class="post-meta mb--20">
                                                <a href="blog.html" class="posted-on">
                                                    <span class="entry-date">September 15, 2018</span>
                                                </a>
                                                <span class="meta-separator">-</span>
                                                <a href="blog.html" class="posted-by">by admin</a>
                                            </div>
                                            <a href="single-post.html" class="read-more">Read More <i class="fa fa-caret-right"></i></a>
                                        </div>
                                    </article>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Blog area End -->

            <!-- Call to action area Start -->
            <section class="cta-area bg-image pt--85 pt-sm--65 pb--90 pb-sm--70 plr--15" data-bg-image="assets/img/bg/call-to-action_3.jpg">
                <div class="text-block text-center">
                    <h2 class="heading-secondary-2 color--white mb--40 mb-md--30">Find store near you</h2>
                    <a href="#" class="btn btn-semi-large btn-bg-white btn-style-1">Find Now</a>
                </div>
            </section>
            <!-- Call to action area End -->

            <!-- Method Area Start -->
            <section class="method-area border-bottom pt--55 pb--55 pt-sm--35 pb-sm--40">
                <div class="container">
                    <div class="row">
                        <div class="col-lg-3 col-md-6 mb-md--30">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-1.png" alt="Icon">
                                <h4 class="mt--20">Free Worldwide Shipping</h4>
                                <p>On all orders over $75.00</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 mb-md--30">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-2.png" alt="Icon">
                                <h4 class="mt--20">Support 24/7</h4>
                                <p>Contact us 24 hours a day, 7 days a week</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6 mb-sm--30">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-3.png" alt="Icon">
                                <h4 class="mt--20">30 Days Return</h4>
                                <p>Return it within 30 days for an exchange</p>
                            </div>
                        </div>
                        <div class="col-lg-3 col-md-6">
                            <div class="method-box text-center">
                                <img src="assets/img/icons/icon-4.png" alt="Icon">
                                <h4 class="mt--20">100% Payment Secure</h4>
                                <p>We ensure secure payment with PEV</p>
                            </div>
                        </div>
                    </div>
                </div>
            </section>
            <!-- Method Area End -->

        </div>
        <!-- Main Content Wrapper Start -->

        <!-- Footer Start -->
        <footer class="footer footer-2">
            <div class="container">
                <div class="footer-top pt--80 pt-md--60">
                    <div class="row justify-content-center">
                        <div class="col-xl-5 col-lg-6 col-md-8 col-sm-11 col-12 text-center">
                            <div class="footer-widget mb--20">
                                <div class="textwidget">
                                    <a href="index.html" class="footer-logo">
                                       <img src="assets/img/logo/logo.png" alt="Logo" class="logo-img mb--20"> 
                                    </a>
                                    <p>Integer ut ligula quis lectus fringilla elementum porttitor sed est. Duis fringilla efficitur ligula sed lobortis.</p>
                                </div>
                            </div>
                            <div class="footer-widget mb--20">
                                <div class="textwidget">
                                    <!-- Social Icons Start Here -->
                                    <ul class="social">
                                        <li class="social__item">
                                            <a href="https://facebook.com" class="social__link">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="https://twitter.com" class="social__link">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="https://pinterest.com" class="social__link">
                                                <i class="fa fa-pinterest-p"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="https://linkedin.com" class="social__link">
                                                <i class="fa fa-linkedin-square"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="https://behance.net" class="social__link">
                                                <i class="fa fa-behance"></i>
                                            </a>
                                        </li>
                                    </ul>
                                    <!-- Social Icons End Here -->
                                </div>
                            </div>
                            <div class="footer-widget mb--25">
                                <form action="https://company.us19.list-manage.com/subscribe/post?u=2f2631cacbe4767192d339ef2&amp;id=24db23e68a" class="newsletter-form newsletter-form--2 mc-form" method="post" target="_blank">
                                    <input type="email" name="EMAIL" id="newsletter-email" class="newsletter-form__input" placeholder="Enter Your Email Address..">
                                    <button type="submit" class="newsletter-form__submit">
                                        <i class="dl-icon-right"></i>
                                    </button>
                                </form>
                                <!-- mailchimp-alerts Start -->
                                <div class="mailchimp-alerts">
                                    <div class="mailchimp-submitting"></div><!-- mailchimp-submitting end -->
                                    <div class="mailchimp-success"></div><!-- mailchimp-success end -->
                                    <div class="mailchimp-error"></div><!-- mailchimp-error end -->
                                </div>
                                <!-- mailchimp-alerts end -->
                            </div>
                            <div class="footer-widget">
                                <ul class="footer-menu d-flex justify-content-between flex-sm-row flex-column">
                                    <li><a href="about-us.html">About Us</a></li>
                                    <li><a href="shop-collections.html">Portfolios</a></li>
                                    <li><a href="contact-us.html">Our Services</a></li>
                                    <li><a href="#">Affiliate Program</a></li>
                                    <li><a href="#">Work for Zuka</a></li>
                                </ul>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="footer-bottom pt--40 pb--45">
                    <div class="row">
                        <div class="col-12 text-center">
                            <p class="copyright-text">&copy; 2018 ZUKA. Designed by HasTech</p>
                        </div>
                    </div>
                </div>
            </div>
        </footer>
        <!-- Footer End -->

        <!-- Search from Start --> 
        <div class="searchform__popup" id="searchForm">
            <a href="#" class="btn-close"><i class="dl-icon-close"></i></a>
            <div class="searchform__body">
                <p>Start typing and press Enter to search</p>
                <form class="searchform">
                    <input type="text" name="popup-search" id="popup-search" class="searchform__input" placeholder="Search Entire Store...">
                    <button type="submit" class="searchform__submit"><i class="dl-icon-search10"></i></button>
                </form>
            </div>
        </div>
        <!-- Search from End --> 
        
        <!-- Side Navigation Start -->
        <aside class="side-navigation" id="sideNav">
            <div class="side-navigation-wrapper">
                <div class="side-navigation-inner">
                    <div class="widget mb--30">
                        <ul class="sidenav-menu">
                            <li><a href="about-us.html">About Us</a></li>
                            <li><a href="shop-collections.html">Portfolios</a></li>
                            <li><a href="contact-us.html">Our Services</a></li>
                            <li><a href="#">Affiliate Program</a></li>
                            <li><a href="#">Work For Zuka</a></li>
                        </ul>
                    </div>
                    <div class="widget mb--30">
                        <div class="banner-box banner-type-1 banner-hover-1">
                            <div class="banner-inner">
                                <div class="banner-image">
                                    <img src="assets/img/banner/menu-humberger.jpg" alt="Banner">
                                </div>
                                <div class="banner-info">
                                    <a class="banner-title-1 text-uppercase" href="shop-sidebar.html">New</a>
                                </div>
                                <a class="banner-link banner-overlay" href="shop-sidebar.html">New</a>
                            </div>
                        </div>
                    </div>
                    <div class="widget mb--30">
                        <div class="text-widget">
                            <p>
                                <a href="#">(+612) 2531 5600</a>
                                <a href="mailto:info@la-studioweb.com">info@la-studioweb.com</a>
                                PO Box 1622 Colins Street West
                            </p>
                        </div>
                    </div>
                    <div class="widget mb--5">
                        <div class="text-widget google-map-link">
                            <p>
                                <a href="https://www.google.com/maps" target="_blank">Google Maps</a>
                            </p>
                        </div>
                    </div>
                    <div class="widget">
                        <div class="text-widget">
                            <!-- Social Icons Start Here -->
                            <ul class="social social-small">
                                <li class="social__item">
                                    <a href="twitter.com" class="social__link">
                                        <i class="fa fa-twitter"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="plus.google.com" class="social__link">
                                        <i class="fa fa-google-plus"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="facebook.com" class="social__link">
                                        <i class="fa fa-facebook"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="youtube.com" class="social__link">
                                        <i class="fa fa-youtube"></i>
                                    </a>
                                </li>
                                <li class="social__item">
                                    <a href="instagram.com" class="social__link">
                                        <i class="fa fa-instagram"></i>
                                    </a>
                                </li>
                            </ul>
                            <!-- Social Icons End Here -->
                        </div>
                    </div>
                    <div class="widget mtb--15">
                        <div class="text-widget">
                            <p>
                                <img src="assets/img/others/payments.png" alt="payment">
                            </p>
                        </div>
                    </div>
                    <div class="widget">
                        <div class="text-widget">
                            <p class="copyright-text">&copy; 2018 Zuka Shop All rights <a href="http://www.bootstrapmb.com/" title="bootstrapmb">Reserved</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <!-- Side Navigation End -->

        <!-- Mini Cart Start -->
        <aside class="mini-cart" id="miniCart">
            <div class="mini-cart-wrapper">
                <a href="" class="btn-close"><i class="dl-icon-close"></i></a>
                <div class="mini-cart-inner">
                    <h5 class="mini-cart__heading mb--40 mb-lg--30">Shopping Cart</h5>
                    <div class="mini-cart__content">
                        <ul class="mini-cart__list">
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-26-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Atlin Designs Mid Century Club Chair</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-30-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-29-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                            <li class="mini-cart__product">
                                <a href="#" class="remove-from-cart remove">
                                    <i class="dl-icon-close"></i>
                                </a>
                                <div class="mini-cart__product__image">
                                    <img src="assets/img/products/prod-31-1-70x88.jpg" alt="products">
                                </div>
                                <div class="mini-cart__product__content">
                                    <a class="mini-cart__product__title" href="single-product.html">Waxed-effect pleated skirt</a>
                                    <span class="mini-cart__product__quantity">1 x &pound;49.00</span>
                                </div>
                            </li>
                        </ul>
                        <div class="mini-cart__total">
                            <span>Subtotal:</span>
                            <span class="ammount">&pound;98.00</span>
                        </div>
                        <div class="mini-cart__buttons">
                            <a href="cart.html" class="btn btn-fullwidth btn-style-1">View Cart</a>
                            <a href="checkout.html" class="btn btn-fullwidth btn-style-1">Checkout</a>
                        </div>
                    </div>
                </div>
            </div>
        </aside>
        <!-- Mini Cart End -->

        <!-- Global Overlay Start -->
        <div class="zuka-global-overlay"></div>
        <!-- Global Overlay End -->
 
        <!-- Modal Start -->
        <div class="modal fade product-modal" id="productModal" tabindex="-1" role="dialog" aria-hidden="true">
          <div class="modal-dialog" role="document">
            <div class="modal-content">
              <div class="modal-body">
                <button type="button" class="close custom-close" data-dismiss="modal" aria-label="Close">
                  <span aria-hidden="true"><i class="dl-icon-close"></i></span>
                </button>
                <div class="row">
                    <div class="col-lg-6">
                        <div class="zuka-element-carousel product-image-carousel nav-vertical-center nav-style-1"
                                data-slick-options='{
                                    "slidesToShow": 1,
                                    "slidesToScroll": 1,
                                    "arrows": true,
                                    "prevArrow": {"buttonClass": "slick-btn slick-prev", "iconClass": "dl-icon-left" },
                                    "nextArrow": {"buttonClass": "slick-btn slick-next", "iconClass": "dl-icon-right" }
                                }'
                        >
                            <div class="product-image">
                                <div class="product-image--holder">
                                    <a href="single-product.html">
                                        <img src="assets/img/products/prod-7-1.jpg" alt="Product Image" class="primary-image">
                                    </a>
                                </div>
                                <span class="product-badge sale">sale</span>
                            </div>
                            <div class="product-image">
                                <div class="product-image--holder">
                                    <a href="single-product.html">
                                        <img src="assets/img/products/prod-7-2.jpg" alt="Product Image" class="primary-image">
                                    </a>
                                </div>
                                <span class="product-badge sale">sale</span>
                            </div>
                        </div>
                    </div>
                    <div class="col-lg-6">
                        <div class="modal-box product-summary">
                            <div class="product-top-meta d-flex justify-content-between flex-sm-row flex-column-reverse">
                                <div class="product-rating d-flex">
                                    <div class="star-rating star-five">
                                        <span>Rated <strong class="rating">5.00</strong> out of 5</span>
                                    </div>
                                    <a href="" class="review-link">(1 customer review)</a>
                                </div>
                                <div class="product-navigation">
                                    <a href="#" class="prev"><i class="dl-icon-left"></i></a>
                                    <a href="#" class="next"><i class="dl-icon-right"></i></a>
                                </div>
                            </div>
                            <div class="clearfix"></div>
                            <h3 class="product-title mb--30 mb-md--20">Fake News Network Abstract Novelty T-Shirt</h3>
                            <div class="product-price-wrapper mb--30 mb-md--20">
                                <span class="product-price-old">
                                    <span class="money">&pound;60.00</span>
                                </span>
                                <span class="money">&pound;49.00</span>
                            </div>
                            <p class="product-short-description mb--30 mb-md--20">Donec accumsan auctor iaculis. Sed suscipit arcu ligula, at egestas magna molestie a. Proin ac ex maximus, ultrices justo eget, sodales orci. Aliquam egestas libero ac turpis pharetra, in vehicula lacus scelerisque. Vestibulum ut sem laoreet, feugiat tellus at, hendrerit arcu.</p>
                            <div class="product-action d-flex flex-row align-items-center mb--20">
                                <div class="quantity mr--20">
                                    <input type="number" class="quantity-input" name="qty" id="quick-qty" value="1" min="1">
                                </div>
                                <button type="button" class="btn btn-style-1 btn-semi-large btn-shape-round add-to-cart" onclick="window.location.href='cart.html'">
                                    Add To Cart
                                </button>
                                <a href="wishlist.html" class="action-btn action-btn-square"><i class="dl-icon-heart2"></i></a>
                                <a href="compare.html" class="action-btn action-btn-square"><i class="dl-icon-compare2"></i></a>
                            </div>  
                            <div class="product-extra mb--20">
                                <a href="#" class="font-size-12"><i class="fa fa-map-marker"></i>Find store near you</a>
                                <a href="#" class="font-size-12"><i class="fa fa-exchange"></i>Delivery and return</a>
                            </div>
                            <div class="product-summary-footer">
                                <div class="product-meta mb--20">
                                    <span class="sku_wrapper font-size-12">SKU: <span class="sku">REF. LA-887</span></span>
                                    <span class="posted_in font-size-12">Categories: <a href="shop-sidebar.html" rel="tag">Fashions</a></span>
                                </div>
                                <div class="product-share-box">
                                    <span class="font-size-12">Share With</span>
                                    <!-- Social Icons Start Here -->
                                    <ul class="social social-small">
                                        <li class="social__item">
                                            <a href="facebook.com" class="social__link">
                                                <i class="fa fa-facebook"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="twitter.com" class="social__link">
                                                <i class="fa fa-twitter"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="plus.google.com" class="social__link">
                                                <i class="fa fa-google-plus"></i>
                                            </a>
                                        </li>
                                        <li class="social__item">
                                            <a href="plus.google.com" class="social__link">
                                                <i class="fa fa-pinterest-p"></i>
                                            </a>
                                        </li>
                                    </ul>
                                    <!-- Social Icons End Here -->
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
              </div>
            </div>
          </div>
        </div>
        <!-- Modal End -->

    </div>
    <!-- Main Wrapper End -->


    <!-- ************************* JS Files ************************* -->

    <!-- All Plugins Js -->
    <script src="assets/js/plugins.js"></script>

    <!-- Main JS -->
    <script src="assets/js/main.js"></script>

    <!-- REVOLUTION JS FILES -->
    <script src="assets/js/revoulation/jquery.themepunch.tools.min.js"></script>
    <script src="assets/js/revoulation/jquery.themepunch.revolution.min.js"></script>    

    <!-- REVOLUTION ACTIVE JS FILES -->
    <script src="assets/js/revoulation.js"></script>

</body>

</html>